<div class="mid">
    <div *ngIf="classlist.length==0" style="text-align: center; width: 100%;">
        <img src="./assets/img/null.png" alt="" style="margin: 20px 0;margin-left: 12px;">
        <div style="color: #999;font-size: 16px;">暂时没有训练,请创建！</div>
    </div>
    <ul class="itembox" *ngFor="let item of classlist;let j=index" [style.margin-right]="(j+1)%2==0?'0':'15px'">

        <li class="item1 item boxhover" *ngFor="let item1 of item.data;let i= index" [style.display]="i<4?'flex':'none'" [style.margin-right]="(i+1)%2==0?'0':'10px'" (click)="edit?'':goto('/home/index/swot/canvaslist/'+item1.PK_TrainningGuid)">
            <div class="item-left">
                <img src="./assets/img/{{img}}" alt="">
                <div>
                    <div class="yuyue" *ngIf="item1.Code">邀请码</div>
                    <div class="colorfont" style="font-weight: bold;color: #ea6e97;">
                        {{item1.Code}}
                    </div>
                </div>
            </div>
            <div class="item-right">
                <div>

                    <div class="item-title">{{item1.Title}}</div>
                    <div class="item-time">{{item1.CreateTime}}</div>
                </div>
                <div class="canvasnum-box" [style.display]="!edit?'flex':'none'">
                    <img class="canvasnum" src="./assets/img/canvasgroupnum.png" alt="">
                    <span class="lg">已创建 {{item1.Num}} 张画布</span>
                    <span class="sm">{{item1.Num}} 张画布</span>
                </div>
                <div class="edit" [style.display]="edit?'block':'none'">
                    <img src="./assets/img/edit.png" alt="" class="edit-img" (click.stop)="edititem(item1)">
                    <img src="./assets/img/del.png" alt="" class="edit-img" (click.stop)="del(item1,j,i)" style="margin-left: 5px">
                </div>
            </div>
        </li>
        <div class="bottom"> {{item.ClassName}} <img src="./assets/img/more.png" alt="" (click)="gotodetail('/detail/'+item.PK_ClassGuid,item.ClassName)"></div>
    </ul>
    <div class="i-box">
        <img src="./assets/img/edit2.png" nz-tooltip nzPlacement="top" nzTitle="设置" (click)="edit=!edit">
        <img src="./assets/img/eye.png" nz-tooltip nzPlacement="bottom" (click)="goto('/home/index/swot/timelist')" nzTitle="改变查看方式" alt="">
    </div>
</div>
